<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        var user = {
            name: "john",
        };
        // 给对象追加 信息
        // 对象.新属性名 = 属性值;

        user.age = 23;
        user.like = ["篮球", "足球"];
        uesr.child = {
            age: 2,
            say: function () {
                alert("hi");
            },
        };
        // 如何修改对象的 属性
        // 对象.属性名 = 新值
        user.age = 30;
        user.like[1] = "乒乓球";
        // 修改 孩子的年龄
        user.child.age = 3;
        console.log(user);

        // 如何获取对象的 某一个属性
        // 对象.属性名;
        var username = user.name; // 获取用户名 赋值给 一个变量
        var likeItem = user.like[0]; // 获取用户的一个爱好

        console.log(username, likeItem);
        // 让用户的孩子  说话
        user.child.say();

        // 如何删除对象的一个属性
        // user.age = null; 这不是删除
        delete user.age;
        console.log(user);

        // 补充一点

        // 当我们获取对象的一个 不存在的属性时  会是什么情况
        console.log(user.color); // undefined
        console.log(user);
    </script>
</body>

</html>